@media screen and (min-width:1200px){
    h1{
        color: blue;
    }
}
@media screen and (min-width:980px) and (max-width:1199px){
    h1{
        color: rgb(182, 26, 130);
    }
}
@media screen and (min-width:768px) and (max-width:979px){
    h1{
        color: rgb(171, 204, 53);
    }
}
@media screen and (min-width:480px) and (max-width:767px){
    h1{
        color: rgb(53, 114, 96);
    }
}
@media screen and  (max-width:479px){
    h1{
        color: rgb(87, 53, 25);
    }
}